var zhuXinWenZhang = [
{img:"https://blz.nosdn.127.net/a/images/2018/11/9/4ce180969981e52251e841219b467a16.jpg",biaoti:"媒体推荐：黄金联赛冬季赛焦点对局前瞻",fabu:"发布日期：2018-11-09 16:00",wenzhi:"黄金联赛冬季赛将于11月28日16:30打响。今天让我们跟随网易大神的文章，一起了解小组赛期间值得期待的焦点对抗！",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/11/7/33b30853ceda15b890e95e6fc73aac70.jpg",biaoti:"地图作者“起步”补贴10月入围作品公示",fabu:"发布日期：2018-11-03 06:39",wenzhi:"和我们分享曾经和朋友一起战斗的回忆，即有机会获得《魔兽争霸III：重制版》、阿尔萨斯和伊利丹迷你手办、公仔以及魔兽争霸官方对战平台道具！",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/11/3/9bf4c6e4d6aab9596dd74ef010bd6f08.jpg",biaoti:"双11打折季：平台、地图道具折扣狂欢",fabu:"发布日期：2018-10-30 14:32",wenzhi:"黄金联赛冬季赛将于11月28日16:30打响，来自欧洲、美洲、韩国及中国区的24位顶尖好手将于11月28日-12月8日期间展开角逐。",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/11/1/aa90145d2fd31c7c2bae91e130a0df71.jpg",biaoti:"双11打折季：平台、地图道具折扣狂欢",fabu:"发布日期：2018-11-02 10:00",wenzhi:"官方对战平台双11特惠降临，11月2日-11月14日平台头像、称号以及底纹全场9折，数十款热门地图道具折扣享不停！",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/10/30/629ddc05434d5a7b69ccb904840138ba.jpg",biaoti:"黄金联赛冬季赛11月28日打响",fabu:"发布日期：2018-10-30 14:32",wenzhi:"黄金联赛冬季赛将于11月28日16:30打响，来自欧洲、美洲、韩国及中国区的24位顶尖好手将于11月28日-12月8日期间展开角逐。",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/10/27/ac1795df4a164463b0f6ec33ae393f09.jpg",biaoti:"黄金联赛10月月赛落幕 Newbee.eer0击败Lyn夺冠",fabu:"发布日期：2018-10-29 17:36",wenzhi:"黄金联赛10月月赛于10月28日结束了所有比赛的争夺，最终Newbee.eer0以4比2击败韩国兽王Lyn获得冠军。",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/10/27/ac1795df4a164463b0f6ec33ae393f09.jpg",biaoti:"黄金联赛10月月赛八强出炉",fabu:"发布日期：2018-10-27 17:27",wenzhi:"黄金联赛10月月赛于10月26日结束了16进8小组赛的争夺，RW.Infi、Foggy、Lyn等选手将再一次为冠军荣耀展开激战。",alianjie:""},
{img:"https://blz.nosdn.127.net/a/images/2018/10/26/5aee14347323d0ef276228ae30172a4a.jpg",biaoti:"暴雪大神《魔兽争霸III》专区上线 参与留言赢阿尔萨斯手办",fabu:"发布日期：2018-10-26 17:11",wenzhi:"网易大神魔兽专区是网易旗下的专门报道魔兽争霸的资讯网站，为了庆祝魔兽专区上线，大神为大家准备了丰厚的礼物。",alianjie:""}
]



var fulihuodong = [
{img:"https://blz.nosdn.127.net/a/images/2018/11/3/9bf4c6e4d6aab9596dd74ef010bd6f08.jpg",biaoti:"《魔兽争霸III：重制版》王者归来 参与活动赢海量好礼",fabu:"发布日期：2018-11-03 06:39",wenzhi:"和我们分享曾经和朋友一起战斗的回忆，即有机会获得《魔兽争霸III：重制版》、阿尔萨斯和伊利丹迷你手办、公仔以及魔兽争霸官方对战平台道具！"},
{img:"https://blz.nosdn.127.net/a/images/2018/11/1/aa90145d2fd31c7c2bae91e130a0df71.jpg",biaoti:"双11打折季：平台、地图道具折扣狂欢",fabu:"发布日期：2018-11-02 10:00",wenzhi:"官方对战平台双11特惠降临，11月2日-11月14日平台头像、称号以及底纹全场9折，数十款热门地图道具折扣享不停！"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/26/5aee14347323d0ef276228ae30172a4a.jpg",biaoti:"暴雪大神《魔兽争霸III》专区上线 参与留言赢阿尔萨斯手办",fabu:"发布日期：2018-10-26 17:11",wenzhi:"网易大神魔兽专区是网易旗下的专门报道魔兽争霸的资讯网站，为了庆祝魔兽专区上线，大神为大家准备了丰厚的礼物。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/25/9566af7c9551033d7ae74d15c5e866d4.jpg",biaoti:"万圣节，惊魂夜，亿万僵尸“来袭”！",fabu:"发布日期：2018-10-25 10:00",wenzhi:"官方对战平台悄然迎来万圣节，光怪陆离的地图活动都已经做好准备，和绿色“小小捣蛋鬼”称号等你来拿！"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/17/c4c88e77e30669fa8687ff34749bd868.jpg",biaoti:"官方对战平台&斗鱼RPG主播招募活动",fabu:"发布日期：2018-10-17 11:38",wenzhi:"现在加入官方对战平台&斗鱼RPG主播招募活动，在成为万众瞩目的主播同时，还能收获丰富奖励！"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/12/ee7cbd7b3ba130bea5200e289057dc1f.jpg",biaoti:"官方平台周年庆：领主题头像，送地图道具玩转RPG！",fabu:"发布日期：2018-10-12 18:00",wenzhi:"魔兽争霸官方平台自上线以来，获得了广大玩家和作者的支持与喜爱。除经典对战外，数千张好玩、创新的RPG地图陆续入驻，也让无数热爱“RPG地图”丰富自定义玩法的玩家们大呼过瘾。"},
{img:"https://blz.nosdn.127.net/a/images/2018/9/30/b4120b51cf026c849bc5f02ec9a897d9.jpg",biaoti:"军团战争、刀圈国庆专属福利 七天全民狂欢！",fabu:"发布日期：2018-09-30 17:03",wenzhi:"军团战争、刀塔循环圈将值国庆之际为玩家们带来了超丰富专属福利，让你七天假期畅快玩游戏，奖励拿不停！"},
{img:"http://blz.nos.netease.com/a/images/2018/9/29/322792527ff3b15fe35c5b1514184f26.jpg",biaoti:"全新鉴赏家计划公布：寻找最专业的大神玩家",fabu:"发布日期：2018-09-29 16:53",wenzhi:"我们非常需要爱玩游戏并且乐于分享的你，加入官方平台专业鉴赏家！"}
]


var jingchaishaishi = [
{img:"https://blz.nosdn.127.net/a/images/2018/11/9/4ce180969981e52251e841219b467a16.jpg",biaoti:"媒体推荐：黄金联赛冬季赛焦点对局前瞻",fabu:"发布日期：2018-11-09 16:00",wenzhi:"黄金联赛冬季赛将于11月28日16:30打响。今天让我们跟随网易大神的文章，一起了解小组赛期间值得期待的焦点对抗！"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/30/629ddc05434d5a7b69ccb904840138ba.jpg",biaoti:"黄金联赛冬季赛11月28日打响",fabu:"发布日期：2018-10-30 14:32",wenzhi:"黄金联赛冬季赛将于11月28日16:30打响，来自欧洲、美洲、韩国及中国区的24位顶尖好手将于11月28日-12月8日期间展开角逐。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/27/ac1795df4a164463b0f6ec33ae393f09.jpg",biaoti:"黄金联赛10月月赛落幕 Newbee.eer0击败Lyn夺冠",fabu:"发布日期：2018-10-29 17:36",wenzhi:"黄金联赛10月月赛于10月28日结束了所有比赛的争夺，最终Newbee.eer0以4比2击败韩国兽王Lyn获得冠军。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/27/ac1795df4a164463b0f6ec33ae393f09.jpg",biaoti:"黄金联赛10月月赛八强出炉",fabu:"发布日期：2018-10-27 17:27",wenzhi:"黄金联赛10月月赛于10月26日结束了16进8小组赛的争夺，RW.Infi、Foggy、Lyn等选手将再一次为冠军荣耀展开激战。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/22/817fc82490e64d55d5b144f2d5eee6e6.jpg",biaoti:"黄金联赛10月月赛16强分组出炉",fabu:"发布日期：2018-10-22 18:00",wenzhi:"经过一番激战，RW.Infi、Lyn、120等大牌选手都悉数晋级，8月月赛冠军Lucifer则意外折戟。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/16/6be868c4aa4b979de3a06c709b888a10.jpg",biaoti:"黄金联赛10月月赛10月18日打响",fabu:"发布日期：2018-10-16 10:30",wenzhi:"黄金联赛10月月赛将于10月18日打响，中韩两地的顶尖《魔兽争霸Ⅲ》选手将展开精彩的对决，争夺黄金联赛冬季赛最后的参赛机会。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/16/6be868c4aa4b979de3a06c709b888a10.jpg",biaoti:"黄金联赛9月月赛落幕：RW.Infi逆转Lawliet夺得冠军",fabu:"发布日期：2018-10-08 14:17",wenzhi:"黄金联赛9月月赛于10月7日圆满落幕，最终“塔魔”RW.Infi以4比2击败韩国暗夜Lawliet夺得1.30新版本第一个月赛冠军，Lawliet、GK.TH000、Colorful则分获2-4名，恭喜他们！"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/16/6be868c4aa4b979de3a06c709b888a10.jpg",biaoti:"黄金联赛9月月赛9月30日打响",fabu:"发布日期：2018-09-18 15:04",wenzhi:"《魔兽争霸Ⅲ》黄金联赛9月月赛将于9月30日打响，中韩两地的顶尖选手将展开精彩的对决，争夺黄金联赛冬季赛的参赛机会。"}
]


var haotutuijian = [
{img:"https://blz.nosdn.127.net/a/images/2018/11/7/33b30853ceda15b890e95e6fc73aac70.jpg",biaoti:"地图作者“起步”补贴10月入围作品公示",fabu:"发布日期：2018-11-07 15:50",wenzhi:"我们对10月1日至10月31日在官方对战平台上线的所有RPG地图进行了整理，本月共有60张地图符合地图作者“起步”补贴要求，每张地图将获得200元的补贴奖金。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/24/3ca1e1c8c9bd98ae906f6adf060891c5.jpg",biaoti:"黄金联赛新地图应该怎么打？NL和CH地图大神全解析！",fabu:"发布日期：2018-10-24 17:40",wenzhi:"现在网易大神的小编就和大家一起来分析这两张全新的地图：Northern IsIes和Consealed Hill。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/12/bf829ada777934b63314c039c4d4cc63.jpg",biaoti:"地图作者“起步”补贴9月入围作品公示",fabu:"发布日期：2018-10-12 17:00",wenzhi:"我们对9月1日至9月30日在官方对战平台上线的所有RPG地图进行了整理，本月共有63张地图符合地图作者“起步”补贴要求，每张地图将获得200元的补贴奖金。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/12/95b6df70a3bd158f104997e635c262de.jpg",biaoti:"网易大神地图攻略：世界RPG",fabu:"发布日期：2018-10-12 16:09",wenzhi:"今天，爱玩大神的编辑冰冷的火焰带来了“世界RPG”的入门攻略，为我们介绍了地图的职业选择、任务系统、常用指令等内容。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/27/635b4157e2a99e4da1c1c1f9432c3f7e.jpg",biaoti:"“百万基金RPG地图作者扶持计划”8月入围名单公示",fabu:"发布日期：2018-09-27 15:05",wenzhi:"我们对2018年8月14日至2018年9月13日平台大厅上线的所有RPG地图进行了整理，并根据平台热度及当月单图日均DAU整理了此次入围名单。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/17/8ab3081e611f68bc6420229a03ef8320.jpg",biaoti:"刀塔循环圈——大神地图评测",fabu:"发布日期：2018-09-17 16:05",wenzhi:"网易大神的编辑也为我们带来了刀塔循环圈评测，分享了地图抽卡系统、装备养成与突破系统等特色玩法以及新手入门建议。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/7/000d4fb431469526aff13a26ed94acff.jpg",biaoti:"地图作者“起步”补贴8月入围作品公示",fabu:"发布日期：2018-09-07 11:30",wenzhi:"我们对8月1日至8月31日在官方对战平台上线的所有RPG地图进行了整理，本月共有87张地图符合地图作者“起步”补贴要求。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/5/e961bdd85b30676787dc4e5ad9fc19cf.jpg",biaoti:"“百万基金RPG地图作者扶持计划”7月入围名单公示",fabu:"发布日期：2018-09-05 15:10",wenzhi:"我们对2018年7月14日至2018年8月13日平台大厅上线的所有RPG地图进行了整理，并根据平台热度及当月单图日均DAU整理了此次入围名单。"}
]


var pintai = [
{img:"https://blz.nosdn.127.net/a/images/2018/10/23/18fde28675dea6a6eb8eb493613e79f5.jpg",biaoti:"对战模式2018第四赛季即将开启",fabu:"发布日期：2018-10-23 18:19",wenzhi:"魔兽争霸官方对战平台对战模式2018第四赛季将于10月25日正式开启，第三赛季30%的经验将结算进入第四赛季中。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/19/e56964ab8154f74e9f7cff15115e6f78.jpg",biaoti:"关于《魔兽争霸官方对战平台》账号绑定暴雪游戏通行证的公告",fabu:"发布日期：2018-10-19 18:00",wenzhi:"《魔兽争霸官方对战平台》账号将于2018年10月25日开始启用暴雪游戏通行证登录，绑定后，玩家将通过暴雪游戏通行证登录官方平台。"},
{img:"https://blz.nosdn.127.net/a/images/2018/10/19/fe267a8f0373b983fdb6501cbcc519a2.jpg",biaoti:"“百万基金RPG地图作者扶持计划”9月入围名单公示",fabu:"发布日期：2018-10-19 15:30",wenzhi:"我们对2018年9月14日至2018年10月13日平台大厅上线的所有RPG地图进行了整理，并根据平台热度及当月单图日均DAU整理了此次入围名单。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/20/d5dc58a7cd710a74e45a801fae2fc616.jpg",biaoti:"1.30版本现已上线：大量平衡性改动，全新对战体验",fabu:"发布日期：2018-09-20 13:58",wenzhi:"《魔兽争霸III》1.30版本现已在官方对战平台上线！现在玩家们就可以登录官方对战平台，体验大量英雄以及平衡性改动等全新内容了。"},
{img:"http://blz.nos.netease.com/a/images/2018/9/11/3049c762254a29ec2e685e9cdc5813cc.jpg",biaoti:"RPG天梯2018第二赛季奖励公布",fabu:"发布日期：2018-09-11 11:30",wenzhi:"魔兽争霸官方对战平台RPG排位模式2018第二赛季已于7月5日开启，我们准备了丰富的赛季奖励，每个地图都将包含不同的奖励内容，奖励详情详见文内。"},
{img:"http://blz.nos.netease.com/a/images/2018/8/22/91aaca32bcff04a13ba2413478631fa7.jpg",biaoti:"维护游戏环境 将反外挂进行到底",fabu:"发布日期：2018-08-22 10:30",wenzhi:"如果您在游戏过程中发现可能存在的违规情况或者其他任何形式的欺诈行为，欢迎通过我们的游戏内举报或安全中心快速举报通道来反馈您所了解的此类信息。"},
{img:"http://blz.nos.netease.com/a/images/2018/7/23/ce9f77e99e37b1d713731c3425c4fbcc.jpg",biaoti:"魔兽争霸官方对战平台2018年第二赛季即将结束",fabu:"发布日期：2018-07-23 18:24",wenzhi:"魔兽争霸官方对战平台2018第二赛季将于7月29日24:00正式结束。"},
{img:"http://blz.nos.netease.com/a/images/2018/5/17/a7ea8f5f6c77502a3ff52061b1e8c7d0.jpg",biaoti:"《魔兽争霸III》1.29.2补丁更新说明",fabu:"发布日期：2018-05-17 10:30",wenzhi:"《魔兽争霸III》1.29.2补丁现已在官方对战平台上线，玩家们直接登录平台即可体验。"}
]







var jihe = [
{name:"最新文章",zhuzujihe:zhuXinWenZhang},
{name:"福利活动",zhuzujihe:fulihuodong},
{name:"精彩赛事",zhuzujihe:jingchaishaishi},
{name:"好图推荐",zhuzujihe:haotutuijian},
{name:"平台更新",zhuzujihe:pintai}
]



// 找到 类名为 lxmodadiv 的div


var lxmodadivDiv = document.querySelector(".lxmodadiv");
 // for 循环5个类名为lxmodiv 的Div

 for (var i = 0; i < jihe.length; i++) {
 	// 创建一个div
	var lxmodivDiv = document.createElement("div");
	// 类名为lxmodiv
	if (i==0) {
		lxmodivDiv.className = "lxmodiv lxmo-div";
	} else {
		lxmodivDiv.className = "lxmodiv";
	}
	
	// 并追加到lxmodadivDiv
	lxmodadivDiv.appendChild(lxmodivDiv);




	for (var a = 0; a < 8; a++) {
		// 创建一个div
		var lxmodivaDiv = document.createElement("div");
		// lxmodivaDiv的类名为lxmodiva
		lxmodivaDiv.className = "lxmodiva";
		// 并追加到lxmodivaDiv
		lxmodivDiv.appendChild(lxmodivaDiv);
		// 创建一个div
		var imgDIV = document.createElement("div");
		// 类名为lxmodiva-a
		imgDIV.className = "lxmodiva-a";
		// 并追加到lxmodivaDiv
		lxmodivaDiv.appendChild(imgDIV);
		// 创建img
		var img = document.createElement("img");
		// img图片地址
		img.src = jihe[i].zhuzujihe[a].img;
		// 追加到imgDIV div中	
		imgDIV.appendChild(img);
		// 创建一个div
		var lxmodivbDiv = document.createElement("div");
		// 类名为lxmodiva-b
		lxmodivbDiv.className = "lxmodiva-b";
		// 并追加到lxmodivaDiv
		lxmodivaDiv.appendChild(lxmodivbDiv);
		// 创建一个p
		var p = document.createElement("p");
		// p里面的内容
		p.innerHTML = jihe[i].zhuzujihe[a].biaoti;
		// 追加到lxmodivbDiv
		lxmodivbDiv.appendChild(p);
		// 创建一个h6
		var h6 = document.createElement("h6");
		h6.innerHTML = jihe[i].zhuzujihe[a].fabu;
		lxmodivbDiv.appendChild(h6);

		var h1 = document.createElement("h1");
		h1.innerHTML = jihe[i].zhuzujihe[a].wenzhi;

		lxmodivbDiv.appendChild(h1);

	}

	var jiaZhaiDiv = document.createElement("div");
	jiaZhaiDiv.className = "kdq-jia-Zhai";
	lxmodivDiv.appendChild(jiaZhaiDiv);

	var a = document.createElement("a");
	a.href = "https://blz.nosdn.127.net/a/images/2018/10/27/ac1795df4a164463b0f6ec33ae393f09.jpg";
	a.innerHTML = "加载更多";
	jiaZhaiDiv.appendChild(a);

 }


var lxmodivDivs = document.querySelectorAll(".lxmodadiv .lxmodiv");
var spans = document.querySelectorAll(".lx5a span");
  
for (var i = 0; i < spans.length; i++) {
	spans[i].index = i;
	spans[i].onclick = function (e) {
		for (var i = 0; i < spans.length; i++) {
			spans[i].className = "";
			lxmodivDivs[i].className = "lxmodiv";

		}
		/*
			e.target:事件的触发者
			e.currentTarget:事件处理者
		*/
		spans[e.currentTarget.index].className = "lx5aadiv";
		lxmodivDivs[e.currentTarget.index].className = "lxmodiv lxmo-div";

	};
}
 

















